<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">
<body>

	<wicket:panel>
		
		<div wicket:id="dias-container">
			<span class="dia-de-la-semana">&nbsp;</span><span wicket:id="dia-lunes" class="dia-de-la-semana"></span><span wicket:id="dia-martes" class="dia-de-la-semana"></span><span wicket:id="dia-miercoles" class="dia-de-la-semana"></span><span wicket:id="dia-jueves" class="dia-de-la-semana"></span><span wicket:id="dia-viernes" class="dia-de-la-semana"></span><span wicket:id="dia-sabado" class="dia-de-la-semana"></span><span wicket:id="dia-domingo" class="dia-de-la-semana"></span>
		</div>
		
		<div id="agenda-gui-turnos-container">
			<div id="agenda-gui-turnos" onscroll="saveScrollPosition(this.id)">
				<div class="dia-de-agenda">
					<div wicket:id="hora-del-dia">
						<span wicket:id="hora-del-dia-interno" class="hora-del-dia"></span>
					</div>
				</div>
				
				<div wicket:id="horarios-container" class="horarios-container">
					<div wicket:id="dia-lunes"     class="dia-de-agenda"></div>
					<div wicket:id="dia-martes"    class="dia-de-agenda"></div>
					<div wicket:id="dia-miercoles" class="dia-de-agenda"></div>
					<div wicket:id="dia-jueves"    class="dia-de-agenda"></div>
					<div wicket:id="dia-viernes"   class="dia-de-agenda"></div>
					<div wicket:id="dia-sabado"    class="dia-de-agenda"></div>
					<div wicket:id="dia-domingo"   class="dia-de-agenda"></div>
					
					<script type="text/javascript">
						 $(this).tooltip({
						      selector: "a[rel=tooltip]",
						      animation: false
						 });
						 $(this).popover({
						      selector: "a[rel=popover]",
						      animation: false
						 });
						 restoreScrollPosition('agenda-gui-turnos');
					</script>
				</div>
				
			</div>
		</div>
		
		<script type="text/javascript">
		
			$(window).load(function() {
				document.getElementById('agenda-gui-turnos').scrollTop=320;
			});
				
		</script>
		
	</wicket:panel>

</body>
</html>